<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文创产品网站 - 产品详情</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
</head>
<body>
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <div class="container">
            <a class="navbar-brand" href="#">文创天地</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
                aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link" href="index.html">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="list.html">产品列表</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="content.html">产品详情</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="form.html">咨询反馈</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="container my-5">
        <h1 class="text-center mb-5">产品详细信息</h1>

        <!-- 古风笔记本详情 -->
        <div class="row mb-5">
            <div class="col-md-6">
                <img src="https://img.alicdn.com/i4/1785595237/O1CN01tAtbMl1oYauwoqI3R_!!1785595237.jpg" class="img-fluid" alt="古风笔记本详情图">
            </div>
            <div class="col-md-6">
                <h2>古风笔记本</h2>
                <p><strong>设计理念：</strong>汲取古代文化元素，如传统书法、水墨画等，将其融入笔记本的设计中，展现出浓厚的古风韵味，让使用者在书写过程中感受传统文化的魅力。</p>
                <p><strong>材质：</strong>封面采用优质皮革，手感柔软且耐用；内页为道林纸，书写顺滑，不洇墨。</p>
                <p><strong>尺寸：</strong>210mm x 145mm</p>
                <h3>用户评价</h3>
                <blockquote class="blockquote">
                    <p>“这款古风笔记本太有韵味了，封面的设计很精美，内页纸张质量也很好，用来记录日常感悟再合适不过了！” - 用户C</p>
                </blockquote>
                <blockquote class="blockquote">
                    <p>“作为一个古风爱好者，这款笔记本简直是我的心头好，每次用它写字都感觉自己穿越回了古代。” - 用户D</p>
                </blockquote>
            </div>
        </div>

        <!-- 创意手机壳详情 -->
        <div class="row mb-5">
            <div class="col-md-6">
                <img src="https://img.alicdn.com/bao/uploaded/i2/2212403829413/O1CN01TmqMN62JPCurErdmu_!!0-item_pic.jpg" class="img-fluid" alt="创意手机壳详情图">
            </div>
            <div class="col-md-6">
                <h2>创意手机壳</h2>
                <p><strong>设计理念：</strong>融合时尚与文化元素，将流行的艺术风格与手机保护功能相结合，为手机增添独特的个性魅力，让用户的手机在人群中脱颖而出。</p>
                <p><strong>材质：</strong>采用高品质硅胶材质，柔软有弹性，能有效缓冲手机受到的冲击力；表面图案采用环保油墨印刷，色彩鲜艳，不易褪色。</p>
                <p><strong>尺寸：</strong>适配主流手机型号</p>
                <h3>用户评价</h3>
                <blockquote class="blockquote">
                    <p>“这个创意手机壳太酷了，图案很有个性，而且硅胶材质拿着很舒服，还能很好地保护手机。” - 用户E</p>
                </blockquote>
                <blockquote class="blockquote">
                    <p>“买了这个手机壳，朋友都问我在哪里买的，都说很好看，真的很满意！” - 用户F</p>
                </blockquote>
            </div>
        </div>

        <!-- 艺术帆布袋详情 -->
        <div class="row mb-5">
            <div class="col-md-6">
                <img src="https://img.alicdn.com/imgextra/i2/1752791575/O1CN01acbrET1NVOh5mA4RP_!!1752791575.jpg" class="img-fluid" alt="艺术帆布袋详情图">
            </div>
            <div class="col-md-6">
                <h2>艺术帆布袋</h2>
                <p><strong>设计理念：</strong>以环保为出发点，选用天然帆布材质，搭配独特的艺术图案，既实用又美观，是出行和购物的理想选择，同时也传递了环保的生活理念。</p>
                <p><strong>材质：</strong>100%纯棉帆布，质地坚韧，耐用性强；图案采用数码印花技术，清晰逼真，水洗不褪色。</p>
                <p><strong>尺寸：</strong>380mm x 420mm</p>
                <h3>用户评价</h3>
                <blockquote class="blockquote">
                    <p>“这个艺术帆布袋质量很好，图案也很漂亮，现在出门我都背着它，很环保。” - 用户G</p>
                </blockquote>
                <blockquote class="blockquote">
                    <p>“帆布袋的设计很有艺术感，容量也很大，能装很多东西，非常喜欢！” - 用户H</p>
                </blockquote>
            </div>
        </div>

        <!-- 创意便签本详情 -->
        <div class="row mb-5">
            <div class="col-md-6">
                <img src="https://cbu01.alicdn.com/img/ibank/2019/725/090/13057090527_448685868.jpg" class="img-fluid" alt="创意便签本详情图">
            </div>
            <div class="col-md-6">
                <h2>创意便签本</h2>
                <p><strong>设计理念：</strong>结合现代简约风格与便捷实用的功能，打破传统便签本的单调设计，以独特的色彩搭配和创意图案，激发使用者的灵感，为日常记录带来乐趣。</p>
                <p><strong>材质：</strong>封面使用硬卡纸，耐磨且有质感；内页纸张采用优质双胶纸，书写流畅，撕取方便。</p>
                <p><strong>尺寸：</strong>100mm x 150mm</p>
                <h3>用户评价</h3>
                <blockquote class="blockquote">
                    <p>“这个便签本颜值超高，用起来也很方便，随手记录想法超合适！” - 用户I</p>
                </blockquote>
                <blockquote class="blockquote">
                    <p>“买了好几个送给朋友，大家都很喜欢，图案很有创意！” - 用户J</p>
                </blockquote>
            </div>
        </div>

        <!-- 古风钥匙链详情 -->
        <div class="row mb-5">
            <div class="col-md-6">
                <img src="https://cbu01.alicdn.com/img/ibank/O1CN01Hlawxg1q5OvODkgTq_!!2213311375444-0-cib.jpg" class="img-fluid" alt="古风钥匙链详情图">
            </div>
            <div class="col-md-6">
                <h2>古风钥匙链</h2>
                <p><strong>设计理念：</strong>以古代玉佩、香囊等物件为灵感，将传统工艺与现代配饰需求相结合，打造出具有古韵的钥匙链，让使用者随身携带传统文化元素。</p>
                <p><strong>材质：</strong>主体采用合金材质，表面经过精细的仿古处理；配饰部分选用天然丝线编制而成，质感细腻。</p>
                <p><strong>尺寸：</strong>整体长度约10cm</p>
                <h3>用户评价</h3>
                <blockquote class="blockquote">
                    <p>“古风钥匙链做工精致，细节处理得很好，挂在钥匙上超有感觉！” - 用户K</p>
                </blockquote>
                <blockquote class="blockquote">
                    <p>“很喜欢这个钥匙链，满满的古风韵味，而且质量也不错，推荐！” - 用户L</p>
                </blockquote>
            </div>
        </div>

        <!-- 特色抱枕详情 -->
        <div class="row">
            <div class="col-md-6">
                <img src="https://tse3-mm.cn.bing.net/th/id/OIP-C.ynIbaCGxzU8iHbq6SoNVRgHaFQ?rs=1&pid=ImgDetMain" class="img-fluid" alt="特色抱枕详情图">
            </div>
            <div class="col-md-6">
                <h2>特色抱枕</h2>
                <p><strong>设计理念：</strong>融合了现代艺术设计与人体工程学原理，通过独特的图案设计和色彩搭配，为家居环境增添艺术氛围，同时提供舒适的使用体验。</p>
                <p><strong>材质：</strong>外套采用柔软的短毛绒面料，触感舒适；内芯使用高回弹PP棉，饱满且不易变形。</p>
                <p><strong>尺寸：</strong>450mm x 450mm</p>
                <h3>用户评价</h3>
                <blockquote class="blockquote">
                    <p>“这个抱枕太可爱了，放在沙发上瞬间提升了客厅的格调，而且抱着很舒服！” - 用户M</p>
                </blockquote>
                <blockquote class="blockquote">
                    <p>“质量超出预期，面料很柔软，图案也很精美，非常满意这次的购物！” - 用户N</p>
                </blockquote>
            </div>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>